<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>邀请注册</title>

    <link href="${pageContext.request.contextPath}/static/css/common.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/font-awesome-4.3.0/css/font-awesome.min.css"
          rel="stylesheet">
    <!-- jqgrid-->
        <link href="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/css/select2.min.css"
          rel="stylesheet">
          
    <link href="${pageContext.request.contextPath}/static/plugins/jqGrid/css/custom.ui.jqgrid.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/layer/skin/layer.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/jqGrid/css/style.css" rel="stylesheet">

    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.3.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/common.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/jqGrid/js/i18n/grid.locale-cn.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/jqGrid/js/minified/jquery.jqGrid.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/layer/layer.js" type="text/javascript"></script>
    
    <script src="${pageContext.request.contextPath}/static/plugins/ZeroClipboard/ZeroClipboard.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/js/select2.min.js"></script>
    <style type="text/css">
    .form_para_left{
    	float: left;
    	width: 200px;
    	text-align: right;
    	line-height: 34px;
    	font-size: 22px;
    	
    	
    }
    .table_line1{
    	margin:0 auto;
    	width: 1200px;
    	margin-top: 20px;
    	min-height: 50px;
    }
  .label_text{
  	height: 50px;
  	line-height: 40px;
  	font-size: 18px;
  }
    .express_radio{
    	width: 17px;
    	height: 17px;
   	}
   	
   	.btn-orange{
   		background-color: #ff795f;
   	}
   	
   	.form-control{
   		width: 50%;
   		font-size:18px !important;
   	
	}
	.left ul li{
			
			*line-height:40px;
			
			*padding-left:20px;
		}
		
		.left ul li a, .left ul li a:hover{
			*color:#fff;
		}
		.list-tab li{
			*+padding:0px 10px 10px;
		}
		.wrapper{
			*margin-left:250px;
		}
   	
    </style>
</head>
<body>
<jsp:include page="../../top.jsp"></jsp:include>
<div class="right">
    <div class="wrapper">
    	<div style="margin-top: 10px;margin-left: 40px;font-size: 35px;font-weight: 900;color: #000000;">注册链接</div>
    	<div style="height: 30px"></div>
    	<div style="height: 2px;width: 100%;background-color: #ccc;margin-left: 40px;"></div>
	    <div style="margin-top: 50px">
	        <div class="form-group">
			<a style="margin-left: 50px;margin-right: 30px;font-size: 20px;" id="url">${url}</a>
				<button class="btn btn-orange" style="width: 150px;font-size: 15px !important;" id="copycardid" >复制链接</button>
        	</div>
        </div>
    </div>
</div>
<script>
	function startArtificial(){
	window.clipboardData.setData('Text/html','${url}');
	alert("yes");
	}
	window.onload = function(){
	    init();
	}
	function init(){
		ZeroClipboard.setMoviePath( '${pageContext.request.contextPath}/static/plugins/ZeroClipboard/ZeroClipboard.swf' );  //和html不在同一目录需设置setMoviePath
	    var clip = new ZeroClipboard.Client(); // 新建一个对象
	    clip.setHandCursor( true );
	    clip.setText(document.getElementById('url').innerHTML); // 设置要复制的文本。
	    clip.addEventListener( "mouseUp", function(client) {
	        alert("复制链接成功！");
	    });
	    // 注册一个 button，参数为 id。点击这个 button 就会复制。
	    //这个 button 不一定要求是一个 input 按钮，也可以是其他 DOM 元素。
	    clip.glue("copycardid"); // 和上一句位置不可调换
	}
</script>
</body>
</html>